<!DOCTYPE html>
<html class="no-js">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Laverna</title>
        <meta name="description" content="Note taking web app with markdown support">
        <meta name="format-detection" content="telephone=no">
        <meta name="viewport" content="user-scalable=no, initial-scale=1,
                maximum-scale=1, minimum-scale=1, width=device-width, height=device-height">
        <!-- Add to home screen support (Safari) -->
        <meta name="apple-mobile-web-app-capable" content="yes">
        <link rel="apple-touch-icon" href="images/icon/icon-76x76.png">
        <link rel="apple-touch-icon" sizes="76x76" href="images/icon/icon-76x76.png">
        <link rel="apple-touch-icon" sizes="120x120" href="images/icon/icon-120x120.png">
        <link rel="apple-touch-icon" sizes="152x152" href="images/icon/icon-152x152.png">
        <!-- Add to home screen support (Android) -->
        <meta name="mobile-web-app-capable" content="yes">
        <link rel="icon" sizes="36x36" href="images/icon/icon-36x36.png">
        <link rel="icon" sizes="72x72" href="images/icon/icon-72x72.png">
        <link rel="icon" sizes="48x48" href="images/icon/icon-48x48.png">
        <link rel="icon" sizes="96x96" href="images/icon/icon-96x96.png">
        <!-- Microsoft Windows 8 & Phone start screen tile support -->
        <meta name="application-name" content="Laverna" />
        <meta name="msapplication-TileColor" content="#006C60" />
        <meta name="msapplication-square70x70logo" content="images/icon/icon-70x70.png" />
        <meta name="msapplication-square150x150logo" content="images/icon/icon-150x150.png" />
        <meta name="msapplication-wide310x150logo" content="images/icon/icon-310x150.png" />
        <meta name="msapplication-square310x310logo" content="images/icon/icon-310x310.png" />

        <link rel="stylesheet" href="styles/core.css">
        <link rel="stylesheet" href="styles/theme-default.css">


        <script src="bower_components/modernizr/modernizr.js"></script>
    </head>
    <body class="-noscroll">

        <div class="layout" id="wrapper">
            <div id="sidebar" class="layout--sidebar">
                <div id="sidebar--navbar" class="layout--navbar"></div>
                <div id="sidebar--content" class="layout--body -scroll"></div>
            </div>

            <div id="content" class="layout--content hidden-xs"></div>

            <div id="layout--backdrop" class="layout--backdrop"></div>

            <div id="layout--brand" class="layout--brand -loading">
				<div id="loading--circle" class="loading--circle -loading">
					<div></div>
			 	</div>
            </div>
        </div>

        <!-- Modal -->
        <div id="modal"></div>

        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->

        <!-- {{cordova}} -->
        <script data-main="scripts/main" src="bower_components/requirejs/require.js"></script>
    </body>
</html>
